<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>AdminLTE | factory_details</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../css/myself.css"/>
		
		<style type="text/css">
			*{
    			margin: 0;
    			padding: 0;
    		}
    		ul li{
    			list-style: none;
    			margin-top: 10px;
    		}
    		.pull{
    			margin-bottom: 10px;
    		}
    		.pull-left{
    			border-left: 6px solid #3882FF;
    			padding: 0 5px;
    		}
    		.style span{
    			display: inline-block;
    			border: 1px solid black;
    			margin-right: 5px;
    			padding: 3px 6px;
    			margin-bottom: 5px;
    		}
    		.style-image{
    			display: inline-block;
    			padding: 30px;
    			border: 1px solid black;
    			float: left;
    		}
    		.style-number{
    			margin-left: 10px;
    			margin-top: 20px;
    			float: left; 		
    		}
    		.custormView table tr td:nth-child(1){
    			text-align: right;
    		}
    		.file {
			    position: relative;
			    display: inline-block;
			    background: #D0EEFF;
			    border: 1px solid #99D3F5;
			    border-radius: 4px;
			    padding: 4px 12px;
			    overflow: hidden;
			    color: #1E88C7;
			    text-decoration: none;
			    text-indent: 0;
			    line-height: 20px;
			    margin-top: 10px;
			}
			.file input {
			    position: absolute;
			    font-size: 100px;
			    right: 0;
			    top: 0;
			    opacity: 0;
			    cursor: pointer;
			}
			.file:hover {
			    background: #AADFFD;
			    border-color: #78C3F3;
			    color: #004974;
			    text-decoration: none;
			}
			/*新增样式*/
    		.ol_left{
	            width: 100%;
	            height: 30px;
	            line-height: 30px;
	            padding: 0;
	        }
	        .ol_left>li{
	            float: left;
	            margin-right: 5px;
	        }
	        .ol_left li, .ol_left{
	        	margin-bottom: 0;
	        }
		</style>
    </head>
    <body class="skin-blue">
        <header class="header">
            <a href="../index.html" class="logo">
               <img src="../img/logo_03.jpg"/>
                后台管理系统
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <!-- Notifications: style can be found in dropdown.less -->
                        <li class="dropdown notifications-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="iconfont">&#xe6ec;</i>
                                设置
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">You have 10 notifications</li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <ul class="menu">
                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-people info"></i> 5 new members joined today
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-warning danger"></i> Very long description here that may not fit into the page and may cause design problems
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-users warning"></i> 5 new members joined
                                            </a>
                                        </li>

                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-cart success"></i> 25 sales made
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-person danger"></i> You changed your username
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="footer"><a href="#">View all</a></li>
                            </ul>
                        </li>
                        <!-- Tasks: style can be found in dropdown.less -->
                        <li class="dropdown tasks-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                姓名
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">You have 9 tasks</li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <ul class="menu">
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    Design some buttons
                                                    <small class="pull-right">20%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">20% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    Create a nice theme
                                                    <small class="pull-right">40%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">40% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    Some task I need to do
                                                    <small class="pull-right">60%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">60% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    Make beautiful transitions
                                                    <small class="pull-right">80%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">80% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                    </ul>
                                </li>
                                <li class="footer">
                                    <a href="#">View all tasks</a>
                                </li>
                            </ul>
                        </li>
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span>Jane Doe <i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="../img/avatar3.png" class="img-circle" alt="User Image" />
                                    <p>
                                        Jane Doe - Web Developer
                                        <small>Member since Nov. 2012</small>
                                    </p>
                                </li>
                                <!-- Menu Body -->
                                <li class="user-body">
                                    <div class="col-xs-4 text-center">
                                        <a href="#">Followers</a>
                                    </div>
                                    <div class="col-xs-4 text-center">
                                        <a href="#">Sales</a>
                                    </div>
                                    <div class="col-xs-4 text-center">
                                        <a href="#">Friends</a>
                                    </div>
                                </li>
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">Profile</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="#" class="btn btn-default btn-flat">Sign out</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <aside class="left-side sidebar-offcanvas">
                <section class="sidebar">
                    <ul class="sidebar-menu">
                        <li class="active">
                            <a href="../index.html">
                                <i class="iconfont">&#xe6e0;</i>  
                                <span>工作台</span>
                            </a>
                        </li>
                        <li>
                            <a href="../widgets.html">
                                <i class="iconfont">&#xe6e1;</i> 
                                <span>设计订单</span>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="iconfont">&#xe6e6;</i> 
                                <span>打样订单</span>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="iconfont">&#xe6e2;</i> 
                                <span>大货订单</span>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="iconfont">&#xe6e8;</i>  
                                <span>历史订单</span>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="iconfont">&#xe6e3;</i>  
                                <span>客户管理</span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="customer management.html"><i class="fa fa-angle-double-right"></i> customer management</a></li>
                                <li><a href="new customer.html"><i class="fa fa-angle-double-right"></i> new customer</a></li>
                                <li><a href="moreMessage.html"><i class="fa fa-angle-double-right"></i>moreMessage</a></li>
                                <li><a href="checkView.html"><i class="fa fa-angle-double-right"></i>checkView</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="../calendar.html">
                                <i class="iconfont">&#xe6e4;</i>  
                                <span>工厂管理</span>
                            </a>
                        </li>
                        <li>
                            <a href="../mailbox.html">
                                <i class="iconfont">&#xe6e7;</i>  
                                <span>设计库</span>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="iconfont">&#xe6e5;</i>  
                                <span>面料库</span>
                            </a>
                        </li>
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>
            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
            	<section class="content-header">
                    <h1>工厂详情
                    	<small><a href="#">返回</a></small>
                    </h1>
                    <ol class="ol_left">
		                <li>当前位置：</li>
		                <li><a href="#">工厂管理</a></li>
		                <li>> 工厂详情</li>
		            </ol>
               </section>
                <!-- Content Header (Page header) -->
                <section class="content">
                    <div class="row">
                    	<div class="col-md-12">
                            <div class="box" style="padding: 30px;">
			                    <div class="pull">
			                    	<div class="pull-left">
				                    	工厂基本信息
				                    </div>
				                    <div class="pull-right" style="margin-bottom: 10px;">
			                    		<span class="gray" style="margin-right: 5px;">
			                    			最近编辑：2016/10/13&nbsp;17:15
			                    		</span>
			                    		<button type="button" class="btn btn-default btn-sm">编辑</button>&nbsp;&nbsp;&nbsp;
			                    		<button type="button" class="btn btn-default btn-sm">删除</button>
				                    </div>
			                    </div>
			                    <div class="custormView">
			                    	<table class="table table-bordered" >
				                    	<tr>
				                    		<td width="10%">名称</td>
				                    		<td>武汉纺织厂</td>
				                    	</tr>
				                    	<tr>
				                    		<td>地址</td>
				                    		<td>湖北省武汉市武汉林阳路190号</td>
				                    	</tr>
				                    	<tr>
				                    		<td>联系电话</td>
				                    		<td>1828888888</td>
				                    	</tr>
				                    	<tr>
				                    		<td>工厂人数</td>
				                    		<td>20人以上</td>
				                    	</tr>
				                    	<tr>
				                    		<td>梳织类型</td>
				                    		<td class="style">
				                    			<span>羽绒服</span>
				                    			<span>夹克</span>
				                    			<span>外套</span>
				                    			<span>呢大衣</span>
				                    			<span>连衣裙</span>
				                    			<span>短裙</span>
				                    			<span>裤子</span>
				                    			<span>衬衣</span>
				                    			<span>登山服</span>
				                    			<span>防水服</span>
				                    		</td>
				                    	</tr>
				                    	<tr>
				                    		<td>针织类型</td>
				                    		<td class="style">
				                    			<span>外套</span>
				                    			<span>裤子</span>
				                    			<span>睡衣</span>
				                    			<span>T恤</span>
				                    			<span>polo衫</span>
				                    		</td>
				                    	</tr>
				                    	<tr>
				                    		<td>毛衣类型</td>
				                    		<td class="style">
				                    			<span>外套</span>
				                    			<span>开衫</span>
				                    			<span>圆领</span>
				                    			<span>V领</span>
				                    			<span>连衣裙</span>
				                    			<span>短裙</span>
				                    		</td>
				                    	</tr>
				                    	<tr>
				                    		<td>销往目的地</td>
				                    		<td>内销</td>
				                    	</tr>
				                    	<tr>
				                    		<td>合作条件</td>
				                    		<td>50~100件</td>
				                    	</tr>
				                    	<tr>
				                    		<td>评估报告表</td>
				                    		<td>
				                    			<table class="tbale">
				                    				<tr>
				                    					<td style="border: 0; padding: 0 5px;">
				                    						<div class="sm_square"></div>
				                    					</td>
				                    					<td style="border: 0; padding: 0 10px 0 0;">
				                    						<div>工厂评估报告.xls</div>
				                    						<div>2016/10/12</div>
				                    					</td>
				                    					<td style="border: 0; padding: 0 5px;">
					                    					<div class="file_fa">
		                                    					<a href="javascript:;" class="file">
																    <input type="submit" name="" id="">下载评估报告表
																</a>
		                                    				</div>
				                    					</td>
				                    					<td style="border: 0; padding: 0 5px;">
				                    						<div class="file_fa">
		                                    					<a href="javascript:;" class="file">
																    <input type="file" name="" id="">重新上传评估报告表
																</a>
		                                    				</div>	
				                    					</td>
				                    				</tr>
				                    			</table>
				                    		</td>
				                    	</tr>
				                    </table>
			                    </div>
			                    <div class="pull pull-left">历史订单</div>
			                    <br />
			                    <div>
			                    	<div class="col-lg-4" style="float: none; padding-left: 0;">
			                    		<table class="table table-bordered" >
				                    		<tr>
				                    			<td style="background: #3882FF; color: white;">全部</td>
				                    			<td>打样（1）</td>
				                    			<td>大货（0）</td>
				                    		</tr>
				                    	</table>
			                    	</div>
				                    <table class="table table-bordered">
				                    	<tr>
				                    		<td class="left-text"  colspan="5">
				                    			<div class="pull">
				                    				<span class="pull-left" style="border: none;">
					                    				<span>2016/10/12</span>&nbsp;&nbsp;&nbsp;
					                    				<span>订单号：357647893276</span>
					                    			</span>
					                    			<span class="pull-right red">
					                    				<span class="gray">客户交期：</span>
					                    				<span class="red">剩余两天</span>
					                    			</span>
				                    			</div>
				                    		</td>
				                    	</tr>
				                    	<tr>
				                    		<td style="border: 0; width: 35%;">
				                    			<div>小秀服（杭州小秀服科技有限公司）
				                    				<i class="iconfont">&#xe6ee;</i>
				                    				<i class="iconfont">&#xe6ef;</i>
				                    			</div>
				                    			<div>
				                    				<span>
				                    					<i class="iconfont">&#xe6f5;</i>
				                    					联系人：张小姐
				                    				</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				                    				<span>
				                    					<i class="iconfont">&#xe6f3;</i>
				                    					联系方式：18288888888
				                    				</span>
				                    			</div>
				                    			<div style="color: #bbb;">
				                    				客户需求：要求做工精致，不差钱
				                    			</div>
				                    		</td>
				                    		<td class="text-center" style="border-bottom: 0; width: 15%;">4</td>
				                    		<td class="text-center" style="border-bottom: 0; width: 15%;"></td>
				                    		<td class="text-center red" style="border-bottom: 0; width: 15%;">待打样</td>
				                    		<td class="text-center" style="border-bottom: 0;">查看详情</td>
				                    	</tr>
				                    	<tr>
				                    		<td  style="border: 0; padding-top: 0;" colspan="5">
				                    			<table class="table table-bordered">
				                    				<tr>
				                    					<td class="left-text" colspan="5">
				                    						子订单号：3570877628349
				                    					</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="width: 35%;">
							                    			<div class="style-content">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图1"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
								                    			<div class="clear" style="clear: both;"></div>
							                    			</div>
							                    		</td>
							                    		<td class="text-center" style="width: 15%;">1</td>
							                    		<td class="text-center" style="width: 15%;"></td>
							                    		<td class="text-center" style="width: 15%;">待打样</td>
							                    		<td class="text-center">
							                    			<button type="button" class="btn btn-primary">安排工厂</button>
							                    		</td>	
				                    				</tr>
				                    			</table>
				                    		</td>
				                    	</tr>
				                    	<tr>
				                    		<td  style="border: 0;" colspan="5">
				                    			<table class="table table-bordered">
				                    				<tr>
				                    					<td class="left-text" colspan="5">
				                    						子订单号：3570877628349
				                    					</td>
				                    				</tr>
				                    				<tr>
				                    					<td style="width: 35%;">
							                    			<div class="style-content">
							                    				<span class="style-image">
								                    				<img src="" alt="款式图1"/>
								                    			</span>
								                    			<span class="style-number">
								                    				<div>设计编号：205058205820</div>
								                    				<div style="color: #bbb;">创建时间：2016/10/12&nbsp;12:30</div>
								                    			</span>
								                    			<div class="clear" style="clear: both;"></div>
							                    			</div>
							                    		</td>
							                    		<td class="text-center" style="width: 15%;">1</td>
							                    		<td class="text-center" style="width: 15%;"></td>
							                    		<td class="text-center" style="width: 15%;">待打样</td>
							                    		<td class="text-center">
							                    			<button type="button" class="btn btn-primary">上传尺码表</button>
							                    		</td>	
				                    				</tr>
				                    			</table>
				                    		</td>
				                    	</tr>
				                    </table>
			                    </div>
			                    <div class="box-footer clearfix">
				                    <ul class="pagination pagination-sm no-margin pull-right">
				                        <li><a href="#">首页</a></li>
				                        <li><a href="#">上一页</a></li>
				                        <li>
				                        	<a href="javascript:;" style="padding: 0;">
				                        		<input type="text"  style="border: none; border-bottom: 1px solid #ccc; padding: 4.5px 0; width: 40px;"/>
				                        	</a>
				                        </li>
				                        <li><a href="#">下一页</a></li>
				                        <li><a href="#">尾页</a></li>
				                    </ul>
				                </div>
                            </div><!-- /.box -->
                       </div><!-- /.col -->
                    </div><!-- /.row -->
                </section>
                
                
                
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->


        <!-- jQuery 2.0.2 -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes -->
        <script src="../js/AdminLTE/demo.js" type="text/javascript"></script>
    </body>
</html>
